<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title th:text="${article['title']}+' - 资讯详情 - '+${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<!-- top bar -->
<header class="bar bar-nav bar-white">
    <a class="button button-link button-nav pull-left goBack" href="javascript:history.back()">
        <span class="icon iconfont icon-fanhui"></span>
    </a>
    <h1 class='title title-white'>资讯详情</h1>
</header>
<!---分享的图片-->
<img  class="hide" id="share_img" th:attr="data-src=${article['imageMap']['mobileUrlMap']['large']}"  th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}">
<!-- top bar end-->
<!--主体区域 开始-->
<!--资讯 开始-->
<div class="page-infinite__wrap teacherInfo-page__wrap">
    <div class="page-group" id="page-infinite-scroll-bottom">
        <div class="page page-current">
            <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                <div class="pl75 pr75 pt5 pb5">
                    <section class="wm-desc-txt__wrap wm-article-title mt5">
                        <span class="wm-cm-title" id="articleName" th:text="${article['title']}"></span>
                        <input id="clickNum" type="hidden" th:value="${article['clickNum']}"/>
                    </section>
                    <section class="mt5 fs4 c-888 pb5">
                        <span class="vam" th:text="${article['clickNum']} + ' 浏览'"></span>
                        <span class="vam">·</span>
                        <span class="vam" th:text="${#strings.substring(article['createTime'],0,16)}" ></span>
                    </section>
                    <article class="wm-article-cont__wrap wm-article-cont pt5" th:utext="${article['articleContext']['context']}">
                    </article>
                    <hr>
                    <section class="pt5 clearfix">
                        <a class="pull-right button button-round" id="share-btn" ><span class="icon icon-share"></span> 分享</a>
                    </section>
                </div>
                <div class="mt5 pt5">
                    <div class="list-block media-list wm-information-list wm-course-list__wrap">
                        <div class="wm-title__wrap card-header">
                            <a href="javascript:void(0)" class="wm-title-txt link">相关推荐</a>
                        </div>
                        <div class="pl75 pr75">
                            <hr style="margin: 0;">
                        </div>
                        <ul class="list-container wm-course-list">
                            <section class="no-data__wrap no-message-data__wrap" th:if="${#lists.isEmpty(article['recommendList'])}">
                                <em>&nbsp;</em>
                                <p>亲，还没有任何资讯哦~~~</p>
                            </section>
                            <li th:each="_article:${article['recommendList']}">
                                <a th:href="@{/mobile/article/articleInfoById?articleId={_article}(_article=${_article['id']})}" class="item-content">
                                    <div class="item-inner">
                                        <section class="wm-desc-txt__wrap" >
                                            <span class="wm-cm-title" th:text="${_article['title']}"></span>
                                        </section>
                                        <section class="wm-attr-wrap">
                                            <aside class="fs4 c-888">
                                                <span class="vam" th:text="${_article['clickNum']} + ' 浏览'"></span>
                                                <span class="vam">·</span>
                                                <span class="vam" th:text="${#strings.substring(_article['createTime'],0,16)}"></span>
                                            </aside>
                                        </section>
                                    </div>
                                    <div class="item-media">
                                        <section class="wm-item-picture__wrap pr pr5">
                                            <img class="wm-img" th:attr="data-src=${_article['imageMap']['mobileUrlMap']['small']}"  th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                        </section>
                                    </div>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
<input hidden id="articleId" th:value="${article['id']}">
<!--资讯 结束-->
<!--主体区域 结束-->
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/op/article/op-article-info.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>